/**
 * Copyright 2012 Matthias Balke (matthias.balke@gmail.com)
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
.highcharts-container {
	min-height: 400px;
}

#bannerContainer { /* http://www.colorzilla.com/gradient-editor/ */
	background: #006ec7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url();
	background: -moz-linear-gradient(left, #006ec7 0%, #0088cc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #006ec7),
		color-stop(100%, #0088cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #006ec7 0%, #0088cc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #006ec7 0%, #0088cc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, #006ec7 0%, #0088cc 100%);
	/* IE10+ */
	background: linear-gradient(to right, #006ec7 0%, #0088cc 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#006ec7',
		endColorstr='#0088cc', GradientType=1); /* IE6-8 */
	-webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px
		rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px
		rgba(0, 0, 0, .2);
	box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px
		rgba(0, 0, 0, .2);
	text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
	margin: 0px;
	padding: 0px;
}

#banner {
	color: #ffffff;
	height: 75px;
	/* top right bottom left */
	margin: 0px 15px 15px 15px;
}

/* Pattern overlay
------------------------- */
.grid {
	position: relative;
	z-index: 2;
}

.grid:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/grid.png) repeat center center;
	opacity: .4;
}

#banner h1 {
	font-size: 60px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#banner p {
	font-size: 24px;
	line-height: 24px;
}

.corner-xml p,.corner-parameters p,.corner-description p,.corner-submit p,.span3,label,input
	{
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
}

textarea {
	height: 200px;
	width: 600px;
}

.corner-description,.corner-feedback,.corner-xml,.corner-parameters,.corner-submit
	{
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 5px;
	background-color: white;
	border: 1px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.corner-description::after,.corner-feedback::after,.corner-xml::after,.corner-parameters::after,.corner-submit::after
	{
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: whiteSmoke;
	border: 1px solid #DDD;
	color: #9DA0A4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}

.corner-xml::after {
	content: "XML-Eingabe";
}

.corner-submit::after {
	content: "Formular anzeigen";
}

.corner-description::after {
	content: "Beschreibung";
}

.corner-parameters::after {
	content: "Formular-Parameter";
}

.corner-feedback::after {
	content: "Eingabefehler";
}

fieldset p {
	margin-right: 20px;
	float: left;
}

input.wide {
	width: 400px;
}

.content {
	width: 980px;
	float: left;
	padding-left: 20px;
}